<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>茶文化</title>
    <link rel="stylesheet" href="css/main.css" >
</head>
<body>
<header>
    <img src="img/logo.jpg" alt="Logo" class="sidebar" id="logo">
    <div id="box1">
        <form>
            <label for="search"></label><input type="text" placeholder="  搜索..." id="search">
            <button type="submit" id="submit">搜索</button>
            <a href="Login.html" id="Login1">登录/注册</a>
        </form>
    </div>

</header>
<nav>
    <div id="box2">
        <ul>
            <li><a href="#" >首页</a></li>
            <li><a href="#" >种类</a></li>
            <li><a href="#" >茶具</a></li>
            <li><a href="#" >茶艺</a></li>
            <li><a href="#" >文献资料</a></li>
        </ul>
    </div>
</nav>

<div class="sidebar">
    <a title="绿茶" href="#">
        绿茶</a>
    <a title="红茶" href="#">
        红茶</a>
    <a title="白茶" href="#">
        白茶</a>
    <a title="乌龙茶（青茶）" href="#">
        乌龙茶(青茶)</a>
    <a title="黄茶" href="#">
        黄茶</a>
    <a title="普洱茶" href="#">
        普洱茶</a>
    <a title="黑茶" href="#">
        黑茶</a>
    <a title="再加工茶" href="#">
        再加工茶</a>
    <a title="代用茶" href="#">
        代用茶</a>
    <button>返回上一级页面</button>
</div>
<div class="content">


</div>
</body>
</html>
